<html lang="zh-CN">

<head>
    
    <meta charset="utf-8">
    <title id='title'>成为牛人</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- Site CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">
    <style>
    .pagination>li>a, .pagination>li>span {
    
    padding: 6px 9px;
    
}

body { padding-bottom: 100px; }
.table>tbody>tr>td { padding: 6px; border-top: 0}
    </style>
    
  </head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header" id='navHead' style="padding-top: 3.5%;" align="left">
            <a href='javascipt:;' style="padding-left: 5px" align="left" onclick='history.back(-1)'><font color="#FFF"><</font></a>
           <font color="#fff" size="3" align="center" id='heading' style="padding-left:35%">基本信息</font>
          
        </div>
        
      </div>
    </div>

 
<div id='body'>
 <div class = 'panel panel-defalut'">
   <div class="panel-heading" style="padding-top: 10px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    <table class="table">
    <div class="input-group">
      <div class="input-group-btn">
     <tr>
         <td align="align">姓名*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="姓名" id="name" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="left" rowspan="3">学校*</td>
         <td><input type="radio" aria-label="..." name='school' value="1" id='sch1' class='radio-1'><span id='ev'>华东师大</span></td>
     </tr>
     <tr>
         <td><input type="radio" aria-label="..." name='school' value="2" id='sch2' class='radio-1'><span id='jt'>上海交大</span></td>
     </tr>
     <tr>
         <td id="other"><input type="radio" aria-label="..." name='school' value="3" id='sch3' class='radio-1'><span id='ot'>其他</span></td>
     </tr>
     <tr>
         <td align="align">性别*</td>
         <td><input type="radio" aria-label="..." name='sex' value="1" id="se1" class='radio-2'>男
         &nbsp;
         <input type="radio" aria-label="..." name='sex' value="2" id="se2" class='radio-2'>女
         </td>
     </tr>
     <tr>
         <td align="align">学历*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="学历" id="xueli" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">年级*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="年级" id="level" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">专业*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="专业" id="major" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">学号*</td><td align="left"><input type="text" class="form-control" aria-label="..." placeholder="学号" id="school_num" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">微信*</td><td align="left"><input type="text" class="form-control" aria-label="..." value="<?php echo $_SESSION['wechat_nick'];?>" style='width: 100%' disabled></td>
     </tr>
     <tr>
         <td align="align">手机*</td><td align="left"><input type="text" class="form-control" aria-label="..." id="phone" placeholder="手机" style='width: 100%'></td>
     </tr>

     <tr align="right"><td>&nbsp;</td>
     <td><button class="btn btn-default" style="width: 30%" id="send_phone">发送</button>
     </td>
     </tr>

     <tr>
         <td align="align">验证码</td><td align="left"><input type="text" class="form-control" placeholder="验证码" id="code" style='width: 100%'></td>
     </tr>
     </div>
     </div>
    </table>
    <div class="panel-heading" style="padding-top: 30px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    <table class="table">
    <tr>
         <td align="align">昵称</td><td align="left"><input type="text" class="form-control" aria-label="..." id="nick" placeholder="昵称" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">生日</td><td align="left"><input type="text" class="form-control" aria-label="..." id="birth" placeholder="生日" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">家乡</td><td align="left"><input type="text" class="form-control" aria-label="..." id="homeland" placeholder="家乡" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">情感状态</td><td align="left"><input type="text" class="form-control" aria-label="..." id="emotion" placeholder="情感状态" style='width: 100%'></td>
     </tr>
     <tr>
         <td align="align">个性签名</td><td align="left"><input type="text" class="form-control" aria-label="..." id="sign" placeholder="签名" style='width: 100%'></td>
		 </tr>
    </table>
   
 </div>
</div>   
  


 <nav class="navbar navbar-default navbar-fixed-bottom" style="border: 0;background-color:#000">
  
    <table class='table' bordercolor= "#000" style="padding 0px;margin-bottom: 0; ">
  <tr  style="padding 0px;">
  
  <td style="padding: 12px"><div align="center"><a href="javascript:;" class="heading-mao" style="color:#9D9D9D" id="next">保存并下一步</a></div></td>
  
  </tr>
  </table>
 
</nav>

   
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.matchHeight/0.5.2/jquery.matchHeight-min.js"></script>
    <script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        
        $.post('http://liveser.cn/new/benew/state0',
        {
          data : 1
        },
        function(data,status)
        {
          json1=eval("("+data+")");
          if(json1.flag != 0)
          {
            $('#name').val(json1.name);
            $('#sch'+json1.school).attr("checked","checked");
            $('#se'+json1.sex).attr("checked","checked");
            $('#xueli').val(json1.xueli);
            $('#level').val(json1.level);
            $('#major').val(json1.major);
            $('#school_num').val(json1.school_num);
            $('#phone').val(json1.phone);
            $('#nick').val(json1.nick);
            $('#birth').val(json1.birth);
            $('#homeland').val(json1.homeland);
            $('#emotion').val(json1.emotion);
            $('#sign').val(json1.sign);
          }
        });
      });


      $(".heading-mao").click(function(){
          //alert('fff');return;
         // alert($('input:radio[name="school"]:checked').val());
          var school = '';
          if($('input:radio[name="school"]:checked').val()==null || $('input:radio[name="school"]:checked').val()== undefined)
          {
            school = $('#sch_name').val();
          }
          else
          {
            school = $('input:radio[name="school"]:checked').val();
          }

          $.post("http://liveser.cn/new/save",
          {
            name: $("#name").val(),
            school: school,
            sex: $('input:radio[name="sex"]:checked').val(),
            xueli: $("#xueli").val(),
            level: $("#level").val(),
            major: $("#major").val(),
            school_num:$("#school_num").val(),
            phone :$('#phone').val(),
            code:  $("#code").val(),
            nick: $('#nick').val(),
            birth: $('#birth').val(),
            homeland: $('#homeland').val(),
            emotion: $('#emotion').val(),
            sign : $('#sign').val()
          },
          function(data,status)
          {
           // alert('ff');
            //alert(data);
            json1=eval("("+data+")");
            if(json1.flag == 'success')
            {
              alert('更改成功');
            }
            else if(json1.flag == 'code_wrong')
            {
              alert('验证码错误');
            }
            else if(json1.flag == 'phone_unmark')
            {
              alert('手机号码错误');
            }
            else
            {
              alert(data);
            }
          });
        });


      $("#sch3").click(function(){
          $("#sch1").remove();
          $("#sch2").remove();
          $("#sch3").remove();
          $("#ev").remove();
          $("#jt").remove();
          $("#ot").remove();
          $("#other").append('<input type="text" class="form-control" aria-label="..." placeholder="校名" id="sch_name" style="width: 100%">')
        });

        $("#send_phone").click(function(){
          $.post("http://liveser.cn/new/vari",
          {
            phone:$("#phone").val()
          },
          function(data,status)
          {
            alert(data);
          });
        });
        
    </script>
      


</body></html>